<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <!--强制文本宽高1-1-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=0"
    />
    <!--强制竖屏-->
    <meta name="x5-orientation" content="portrait">
    <!--iphone safari允许全屏模式浏览-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--safari 顶端的状态条样式-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!--设备忽略将页面中的数字识别为电话号码-->
    <meta content="telephone=no" name="format-detection">
    <!--去除android 邮箱识别-->
    <meta content="email=no" name="format-detection" />
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" media="screen" />
    <meta http-equiv="X-UA-Compatible" ;content="IE=edge, chrome=1">
    <link href="/static/animate.css" rel="stylesheet" type="text/css">
    <title>&nbsp;</title>
</head>
<style>
    html {
        font-size: 10px;
    }
    
    body {
        font-size: 1.4rem;
    }
</style>

<body>
    <div id="app"></div>
</body>
<script type="text/javascript">
    // window.onload = function () {

    //     var docEl = document.documentElement,
    //         resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    //         recalc = function () {
    //             var clientWidth = docEl.clientWidth;
    //             if (!clientWidth) return;
    //             docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
    //         };
    //     if (!document.addEventListener) return;
    //     window.addEventListener(resizeEvt, recalc, false);
    //     document.addEventListener('DOMContentLoaded', recalc, false)
    // }
    (function (doc, win) {
        var urlStr = location.href
        // alert('onloadUrl--' + urlStr)
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);

</script>

</html>
